<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收货地址</title>
    <link rel="stylesheet" href="css/add_address.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <style>
        body {
            background-color: #ededed;
        }
    </style>
</head>
<body>
<iframe name="header_iframe" onload="this.height=this.contentWindow.document.body.scrollHeight" width=100%
        src="./components/header02.html" frameborder=0 scrolling="no"></iframe>
<div class="box"></div>
<div class="container">
    <div class="sidebar">
        <div class="sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/user_info.png" alt=""></div>
            <a href="UserInfo.html" style="color: #8C8C8C;">个人信息</a>
        </div>
        <div class="sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/shopping_car.png" alt=""></div>
            <a href="ShoppingCar.html" style="color: #8C8C8C;">购物车</a>
        </div>
        <div class="sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/order.png" alt=""></div>
            <a href="Order.html" style="color: #8C8C8C;">我的订单</a>
        </div>
        <div class="click sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/click_address.png" alt=""></div>
            收货地址
        </div>
        <div class="sidebar-item">
            <div class="left"></div>
            <div class="icon"><img src="img/manage/track.png" alt=""></div>
            <a href="Track.html" style="color: #8C8C8C;">我的足迹</a>
        </div>
    </div>
    <!--    内容-->
    <div class="content">
        <div class="header">
            <div class="title">新增地址</div>
            <!--            <div class="check-all">-->
            <!--                <input type="button" value="新增地址" class="check-button">-->
            <!--            </div>-->
            <div class="hr"></div>
        </div>
        <div class="details">
            <div class="item">
                <div class="key">配送地区</div>
                <div class="value">
                    <label>
                        <input type="text" class="input" placeholder="省">
                        <input type="text" class="input" placeholder="市">
                        <input type="text" class="input" placeholder="区/县">
                    </label>
                </div>
            </div>
            <div class="item">
                <div class="key">收货人姓名</div>
                <div class="value">
                    <input type="text" class="input input-name">
                </div>
            </div>
            <div class="item">
                <div class="key">详细地址</div>
                <div class="value">
                    <textarea class="input input-address"></textarea>
                </div>
            </div>
            <div class="item">
                <div class="key">手机号</div>
                <div class="value">
                    <input type="text" class="input input-phone">
                </div>
            </div>
            <div class="item">
                <div class="key">邮政编码</div>
                <div class="value">
                    <input type="text" class="input">
                </div>
            </div>
            <div class="item">
                <div class="key"></div>
                <div class="value">
                    <a href="Address.html"><input type="button" class="check-button" value="确认添加"></a>
                    <a href="Address.html"><input type="button" class="check-button" value="取消"></a>
                </div>
            </div>
        </div>
    </div>
</div>
<iframe name="footer_iframe" onload="this.height=this.contentWindow.document.body.scrollHeight" width=100%
        src="./components/footer.html" frameborder=0 scrolling="no"></iframe>
</body>
</html>